<template>
    <Layout class="menu-left">
        <Menu mode="horizontal" @on-select='lowerStep' :active-name="modaleshow">
            <MenuItem :name="1">设备设施风险</MenuItem>
            <MenuItem :name="2">作业流程风险</MenuItem>
            <MenuItem :name="3">人员岗位风险</MenuItem>
            <MenuItem :name="4">环境氛围风险</MenuItem>
        </Menu>
        <equipmentFacilitiesRisk v-show="modaleshow==1" ref="equipmentFacilitiesRisk"></equipmentFacilitiesRisk>

        <workProcessRisk v-show="modaleshow==2" ref="workProcessRisk"></workProcessRisk>

        <personnelJobRisk v-show="modaleshow==3" ref="personnelJobRisk"></personnelJobRisk>

        <environmentalRisk v-show="modaleshow==4" ref="environmentalRisk"></environmentalRisk>

    </Layout>
</template>
<script>
    import equipmentFacilitiesRisk from './equipmentFacilitiesRisk.vue'
    import workProcessRisk from './workProcessRisk.vue'
    import personnelJobRisk from './personnelJobRisk.vue'
    import environmentalRisk from './environmentalRisk.vue'
    import {Api} from '../../../../api/index.js'
    import {sessionStorage} from '../../../../common/cacheUtils.js';
    export default {
        components: {
            equipmentFacilitiesRisk,
            environmentalRisk,
            workProcessRisk,
            personnelJobRisk
        },
        name: "riskIdentification",//风险识别
        data(){
            return{
                form1: {
                    hazardFactor: '',
                    rikRankId: '',
                },
                modaleshow:1,
                riskUnitsAll:[]
            }
        },
        mounted(){
            // this.query1()
        },
        methods:{
            lowerStep(name) {
                this.modaleshow=name
                // this.query()
            },
        }
    }
</script>


<style scoped>
    @import '../../../../index.css';
</style>
